<!DOCTYPE html>
<html>

<head>
    <title>Your Admin Panel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


    <!-- jQuery AND jQueryUI -->
    <script type="text/javascript" src="js/libs/jquery/1.6/jquery.min.js"></script>
    <script type="text/javascript" src="js/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>

    <!-- Compressed Version
        <link type="text/css" rel="stylesheet" href="min/b=CoreAdmin&f=css/reset.css,css/style.css,css/jqueryui/jqueryui.css,js/jwysiwyg/jquery.wysiwyg.old-school.css,js/zoombox/zoombox.css" />
        <script type="text/javascript" src="min/b=CoreAdmin/js&f=cookie/jquery.cookie.js,jwysiwyg/jquery.wysiwyg.js,tooltipsy.min.js,iphone-style-checkboxes.js,excanvas.js,zoombox/zoombox.js,visualize.jQuery.js,jquery.uniform.min.js,main.js"></script>
        -->
    <link rel="stylesheet" href="css/min.css" />
    <script type="text/javascript" src="js/min.js"></script>

</head>

<body>

    <script type="text/javascript" src="content/settings/main.js"></script>
    <link rel="stylesheet" href="content/settings/style.css" />


    <form>
        <div class="settings" id="settings">
            <div class="wrapper">
                <div class="grid3">
                    <div class="titre">Backgrounds</div>
                    <a href="url(css/img/bg.html" class="backgroundChanger active" title="White"></a>
                    <a href="url(css/img/dark-bg.html" class="backgroundChanger dark" title="Dark"></a>
                    <a href="url(css/img/wood.html" class="backgroundChanger dark" title="Wood"></a>
                    <a href="url(css/img/altbg/smoothwall.html" class="backgroundChanger" title="Smoothwall"></a>
                    <a href="url(css/img/altbg/black_denim.html" class="backgroundChanger dark" title="black_denim"></a>
                    <a href="url(css/img/altbg/carbon.html" class="backgroundChanger dark" title="Carbon"></a>
                    <a href="url(css/img/altbg/double_lined.html" class="backgroundChanger" title="Double lined"></a>
                    <div class="clear"></div>
                </div>
                <div class="grid3">
                    <div class="titre">Bloc style</div>
                    <a href="black.html" class="blocChanger" title="Black"
                        style="background:url(css/img/bloctitle.png);"></a>
                    <a href="white.html" class="blocChanger active" title="White"
                        style="background:url(css/img/white-title.png);"></a>
                    <a href="wood.html" class="blocChanger" title="Wood"
                        style="background:url(css/img/wood-title.jpg);"></a>
                    <div class="clear"></div>
                </div>
                <div class="grid3">
                    <div class="titre">Sidebar style</div>
                    <a href="grey.html" class="sidebarChanger active" title="Grey" style="background:#494949"></a>
                    <a href="black.html" class="sidebarChanger" title="Black" style="background:#262626"></a>
                    <a href="white.html" class="sidebarChanger" title="White" style="background:#EEEEEE"></a>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
            <a class="settingbutton" href="#">

            </a>
        </div>
        <!--              
                HEAD
                        -->
        -->
        <div id="head">
            <div class="left">
                <a href="#" class="button profile"><img src="img/icons/top/huser.png" alt="" /></a>
                Hi,
                <a href="#">John Doe</a>
                |
                <a href="#">退出</a>
            </div>
            <div class="right">
                <form action="#" id="search" class="search placeholder">
                    <label>查询</label>
                    <input type="text" value="" name="manager_name" class="text" />

                    <input type="submit" value="rechercher" class="submit" />
                </form>
            </div>
        </div>


        <!--            
                                SIDEBAR
                                         -->
        <div id="sidebar">
            <ul>
                <li>
                    <a href="../manager1/index.html">
                        <img src="img/icons/menu/inbox.png" alt="" />
                        系统首页
                    </a>
                </li>
                <li class="current"><a href="#"><img src="img/icons/menu/layout.png" alt="" /> 图片管理</a>
                    <ul>


                        <li><a href="imageType.html?p=imagertype">类别信息</a></li>
                        <li><a href="image.html?p=imager">图片信息</a></li>

                    </ul>
                </li>
                <li><a href="#"><img src="img/icons/menu/brush.png" alt="" />用户管理</a>
                    <ul>
                        <li><a href="user.html?p=user">用户信息</a></li>
                        <li><a href="#">Fake menu #2</a></li>
                        <li><a href="#">Fake menu #3</a></li>
                    </ul>
                </li>
                <li><a href="#"><img src="img/icons/menu/brush.png" alt="" /> 管理员管理</a>
                    <ul>
                        <li><a href="manager.html?p=manager">管理员信息</a></li>
                        <li><a href="#">Fake menu #2</a></li>
                        <li><a href="#">Fake menu #3</a>

                        </li>
                    </ul>
                </li>
                <li class="nosubmenu"><a href="#"><img src="img/icons/menu/lab.png" alt="" />系统管理</a>
                </li>
                <li class="nosubmenu"><a href="modal.html" class="zoombox w450 h700"><img
                            src="img/icons/menu/comment.png" alt="" /> 消息管理</a></li>
            </ul>


        </div>




        <!--            
              CONTENT 
                        -->
        <div id="content" class="white">
            <div>
                <h1 style="display: inline-block;"><img src="img/icons/posts.png" alt="" /> TypeTable</h1>
                <table style="width: 500px; margin: 0 auto;">
                    <tr>

                        <td>
                            <label>姓名</label>
                            <input type="text" value="" name="manager_name" class="text" />
                        </td>
                        <td> 状态：</td>
                        <td style="width: 30px;"><select name="manager_status" class="form-control">
                                <option value="">请选择状态</option>
                                <option value="正常" selected>正常</option>
                                <option value="停用">停用</option>
                            </select></td>
                        <td> <input type="submit" value="查询" class="submit" />
                        </td>
                        </td>
                    </tr>
                </table>


            </div>
            <div class="bloc">
                <div class="title">
                    管理员信息
                </div>
                <div class="content">
                    <table>
                        <thead>
                            <tr>
                                <th><input type="checkbox" class="checkall" /></th>
                                <th>管理员id</th>
                                <th>管理员姓名</th>
                                <th>管理员状态</th>
                                <th>管理员role</th>
                                <th><img src="img/th-comment.png" alt="" /></th>
                                <th>编辑</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td><a href="#">Lorem ipsum</a></td>
                                <td><a href="#">Grafikart</a></td>
                                <td><a href="#">Dolor</a> , <a href="#">Amet</a></td>
                                <td><a href="#">Consecte</a> , <a href="#">Adipiscin</a>, <a href="#">Elit</a></td>
                                <td>35</td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td><a href="#">Lorem ipsum</a></td>
                                <td><a href="#">Grafikart</a></td>
                                <td><a href="#">Dolor</a> , <a href="#">Amet</a></td>
                                <td><a href="#">Consecte</a> , <a href="#">Adipiscin</a>, <a href="#">Elit</a></td>
                                <td>35</td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td><a href="#">Lorem ipsum</a></td>
                                <td><a href="#">Grafikart</a></td>
                                <td><a href="#">Dolor</a> , <a href="#">Amet</a></td>
                                <td><a href="#">Consecte</a> , <a href="#">Adipiscin</a>, <a href="#">Elit</a></td>
                                <td>35</td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td><a href="#">Lorem ipsum</a></td>
                                <td><a href="#">Grafikart</a></td>
                                <td><a href="#">Dolor</a> , <a href="#">Amet</a></td>
                                <td><a href="#">Consecte</a> , <a href="#">Adipiscin</a>, <a href="#">Elit</a></td>
                                <td>35</td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td><a href="#">Lorem ipsum</a></td>
                                <td><a href="#">Grafikart</a></td>
                                <td><a href="#">Dolor</a> , <a href="#">Amet</a></td>
                                <td><a href="#">Consecte</a> , <a href="#">Adipiscin</a>, <a href="#">Elit</a></td>
                                <td>35</td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td><a href="#">Lorem ipsum</a></td>
                                <td><a href="#">Grafikart</a></td>
                                <td><a href="#">Dolor</a> , <a href="#">Amet</a></td>
                                <td><a href="#">Consecte</a> , <a href="#">Adipiscin</a>, <a href="#">Elit</a></td>
                                <td>35</td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td><a href="#">Lorem ipsum</a></td>
                                <td><a href="#">Grafikart</a></td>
                                <td><a href="#">Dolor</a> , <a href="#">Amet</a></td>
                                <td><a href="#">Consecte</a> , <a href="#">Adipiscin</a>, <a href="#">Elit</a></td>
                                <td>35</td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td><a href="#">Lorem ipsum</a></td>
                                <td><a href="#">Grafikart</a></td>
                                <td><a href="#">Dolor</a> , <a href="#">Amet</a></td>
                                <td><a href="#">Consecte</a> , <a href="#">Adipiscin</a>, <a href="#">Elit</a></td>
                                <td>35</td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td><a href="#">Lorem ipsum</a></td>
                                <td><a href="#">Grafikart</a></td>
                                <td><a href="#">Dolor</a> , <a href="#">Amet</a></td>
                                <td><a href="#">Consecte</a> , <a href="#">Adipiscin</a>, <a href="#">Elit</a></td>
                                <td>35</td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td><a href="#">Lorem ipsum</a></td>
                                <td><a href="#">Grafikart</a></td>
                                <td><a href="#">Dolor</a> , <a href="#">Amet</a></td>
                                <td><a href="#">Consecte</a> , <a href="#">Adipiscin</a>, <a href="#">Elit</a></td>
                                <td>35</td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="left input">
                        <select name="action" id="tableaction">
                            <option value="">Action</option>
                            <option value="delete">Delete</option>
                        </select>
                    </div>
                    <div class="pagination">
                        <a href="#" class="prev">«</a>
                        <a href="#">1</a>
                        <a href="#" class="current">2</a>
                        ...
                        <a href="#">21</a>
                        <a href="#">22</a>
                        <a href="#" class="next">»</a>
                    </div>
                </div>
            </div>
    </form>
</body>

</html>